@charset "utf-8";
/* 312874880@qq.com */
* { margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); box-sizing:border-box; -webkit-box-sizing:border-box; }
body { margin: 0px; padding: 0px; font-family: 'Microsoft Yahei'; font-size: 12px; color: #333; max-width:750px; margin:0 auto; padding-top:50px;  position: relative; background:#fff; -webkit-text-size-adjust: none;}
html,body{width:100%; height:100%}
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #666;font-family: 'Microsoft Yahei'; }
i { display: inline-block; font-style:normal; }
*:focus { outline: none }
img { border: 0px; max-width:100%; }
ul, li { list-style-type: none; }
a:link, a:visited, a:active { color: #333; text-decoration: none; border: none; outline: none; }
a:hover { color: #db082a; }
.clear{ clear:both; content:''; height:0px; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}

/***头部***/
.clear { clear: both; overflow: hidden; height:0px; content:""; margin:0px; padding:0px; }
.head { width: 100%; height: 50px; color:#fff; position: fixed; background:#fff; max-width:750px; right:0; margin:auto; border-bottom:1px solid #eee; top: 0px; z-index:11; left:0px; }
.head .logo { width:150px; position:absolute; left:10px; top:12px;  }
.head .return{ width:50px; height:100%; position:absolute; left:0px; top:0px; background:url(../img/return.png) no-repeat center; background-size:auto 50%;}
.head .tel{ width:50px; height:100%; position:absolute; right:50px; top:0px; background:url(../img/teo.png) no-repeat center; background-size:auto 50%;}
.head h3{ text-align:center; line-height:50px; color:#fff; font-size:16px; }
.head .lang{ color:#fff; position:absolute; right:55px; top:0px; line-height:50px;}
.menushow { position:absolute; right:8px; top:8px; z-index:11111;}
.menushow span {cursor: pointer; display:block; width:32px; height:3px; background:#db082a; margin-top:6px; transition:all .5s; -webkit-transition:all .5s; }
.menushow.on span:nth-child(2){ transform:translateX(100px); -webkit-transform:translateX(100px);}
.menushow.on span:nth-child(1){transform:translateY(9px) rotate(40deg); -webkit-transform:translateY(9px) rotate(40deg); }
.menushow.on span:nth-child(3){transform:translateY(-9px) rotate(-40deg); -webkit-transform:translateY(-9px) rotate(-40deg);}
.mask{ width:100%; height:100%; background:rgba(0,0,0,0.4); position:fixed; z-index:111; top:0px; display:none; left:0px; }
.mask.show{ display:block;}
.menu { background:#333; width: 150px; position:fixed; left:-150px; transition:all .4s; z-index:111; -webkit-transition:all .4s; opacity:0; top: 0; bottom: 0; padding-top:50px; height:100%; }
.menu h2{ position:absolute; left:0px; background:#db082a; color:#fff; line-height:50px; height:50px; width:100%; padding-left:12px; top:0px; font-size:14px; border-bottom:1px solid #3e3e3e; display:block;}
.menu li{ display:block; height:41px;line-height:40px;border-bottom:1px solid #3e3e3e; transform:translateY(50px);-webkit-transform:translateY(50px); transition:all 0.4s; -webkit-transition:all 0.4s; opacity:0;}
.menu a { height:40px; color: white; display:block; text-decoration: none; color:#fff; padding-left:22px; }
.menu a:hover,.menu a.on{ color:#fff; background:#db082a }
.menu b { font-size:14px; display: block; transition: all 0.4s; font-weight:normal; }
.menu.show {z-index:1111; left:0px; opacity:1;}
.menu.show li{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
.menu.show li:nth-child(1) { transition-delay: 0.08s; }
.menu.show li:nth-child(2) { transition-delay: 0.16s; }
.menu.show li:nth-child(3) { transition-delay: 0.24s; }
.menu.show li:nth-child(4) { transition-delay: 0.32s; }
.menu.show li:nth-child(5) { transition-delay: 0.40s; }
.menu.show li:nth-child(6) { transition-delay: 0.48s; }
.menu.show li:nth-child(7) { transition-delay: 0.56s; }
.menu.show li:nth-child(8) { transition-delay: 0.62s; }
.menu.show li:nth-child(9) { transition-delay: 0.70s; }
.menu.show li:nth-child(10) { transition-delay: 0.80s; }
.foot{ padding:15px 12px; text-align:left; background:#333333; color:#999999; text-align:center; margin-top:20px; line-height:22px;}


.mask2{ width:100%; height:100%; background:rgba(0,0,0,0.4); position:fixed; z-index:111; top:0px; display:none; left:0px; }
/**焦点图***/
.banner .swiper-slide{ width:100%; overflow:hidden;}
.banner .swiper-slide img{ display:block; width:100%;}
.banner .swiper-pagination-bullet{ width:10px; height:10px; border-radius:50%; background:#fff; opacity:0.6; cursor:pointer;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1;}

.innav{ overflow:hidden;}
.innav li{ float:left; padding:12px; text-align:center; width:25%; font-size:14px; text-align:center}
.innav li img{ display:block; width:70px; margin:0 auto; margin-bottom:5px;}

/***标题***/
.h12{ height:12px; overflow:hidden; background:#f2f2f2;}
.title { text-align: center; padding:25px 0 18px 0;  }
.title h1 { font-size:18px; font-weight:normal; width:199px; margin:0 auto; padding-bottom:5px;}
.title p{ font-size:12px; color:#db082a; text-align:center;}

.inwu{ overflow:hidden; padding:12px;}
.inwu li{ float:left; width:50%;}
.inwu li img{ display:block;}

.cate{ overflow:hidden; background:#fff;  text-align:center; padding:0 5px;}
.cate li{ float:left; width:25%; text-align:center; padding:0 5px}
.cate li a{ padding:8px 0; display:block; background:#eee;}
.cate li a:hover{ background:#db082a; color:#fff;}
.cate li.on a{background:#db082a; color:#fff;}

.cate.c2 li{ float:none; width:33.333333%; display:inline-block;}

.plist{ overflow:hidden;  padding-right:10px;}
.plist li{ float:left; width:50%; padding-left:10px; margin-top:10px;}
.plist li img{ display:block;}
.plist li span{ display:block; height:40px; line-height:40px; background:#eee; padding:0 10px; white-space:nowrap; text-overflow:ellipsis; text-align:center;} 

.more{ display:block; width:120px; height:35px; line-height:35px; text-align:center; background:#f2f2f2; margin:15px auto;}

/***关于我们***/
.about{ background:url(../img/bg2.jpg) no-repeat center top; background-size:100% 100%; overflow:hidden; padding:12px;}
.about img{ display:block;}
.about .title{ color:#fff; text-align:center; color:#fff;}
.about .aboxc{   overflow:hidden; background:#fff; padding:12px; line-height:23px; font-size:14px; color:#666;} 
.about ul { background:#fff; overflow:hidden; padding:15px 0; }
.about ul li{ float:left; width:25%; text-align:center; text-align:center;}
.about ul li a{ font-size:14px; display:block;}
.about ul li img{ display:block; margin:0 auto; height:28px; margin-bottom:12px;}

.topimg{ height:180px; overflow:hidden; background-size:auto 100%; background-position:center center; background-repeat:no-repeat;}

.nycate{ background:#f2f2f2; overflow:hidden;}
.nycate li{ float:left; width:25%;}
.nycate li a{ display:block; line-height:45px; text-align:center; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.nycate li a.on{ background:#db082a; color:#fff;}

.location{ padding:12px; background:#f2f2f2;}

#product{ height:250px; overflow:hidden; background:#000;}
#product li{ text-align:center; justify-content:center; align-items:center; display:flex;}
#product li img{ max-width:100%; max-height:100%;}

.protop{ padding:12px; overflow:hidden;}
.protop h2{ color:#db082a; font-size:15px; border-bottom:1px dashed #ddd; padding-bottom:10px; margin-bottom:12px;}
.protop h3{ font-size:14px; margin-bottom:12px;}
.protop .note{ line-height:20px; margin-bottom:12px;}

.cate.c3{ padding:0px; background:#fff; overflow:hidden;}
.cate.c3 li{width:50%; float:left; padding:0px; background:#fff;}
.cate.c3 li a{ background:#fff; border-bottom:1px solid #eee; padding:0px; font-size:16px; border-right:1px solid #eee; line-height:50px; height:50px;}
.cate.c3 li a.on{ background:#db082a; color:#fff;}

/***新闻***/
.newlist { padding:0 12px;}
.newlist li{ padding:12px 0; border-bottom:1px solid #eee; height:105px; overflow:hidden; padding-left:102px; position:relative;}
.newlist li img{ position:absolute; left:0px; top:12px; width:95px; height:78px;}
.newlist li h2{ font-size:14px;  font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newlist li .note{ color:#888; line-height:18px; font-size:12px; height:40px; overflow:hidden; padding:3px 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis; margin-top:3px; }
.newlist li .date{ color:#999; font-size:12x;}


.atit h2{ font-size:16px; font-weight:normal; margin-bottom:20px;}
.atit h2:after{ height:2px; background:#db082a; width:55px; content:''; overflow:hidden; display:block; margin-top:5px;}
.btit h2{ font-size:16px; font-weight:normal; margin:20px 12px;}
.btit h2:after{ height:2px; background:#db082a; width:55px; content:''; overflow:hidden; display:block; margin-top:5px;}

.pdbox{ padding:15px 12px;  overflow:hidden; line-height:22px; color:#666; background:#fff; min-height:300px; font-size:14px;}
.pdbox .rtit{ text-align:center; padding-bottom:12px; font-size:16px;}
.pdbox img{max-width:100%;}

/***案例***/
.filter{ overflow:hidden; background:#fff; padding:12px 0; box-shadow:#ccc 0px 2px 10px; position:relative; z-index:1;}
.filter dl{ overflow:hidden; padding-bottom:6px; border-bottom:1px dashed #ddd; padding-left:60px; position:relative;}
.filter dl dt{ position:absolute; left:12px; top:6px; font-size:12px; width:60px;}
.filter dl dd a{ float:left; padding:3px 5px; margin-right:10px; font-size:12px; margin-top:6px;}
.filter dl dd a.on,.filter dl dd a:hover{ background:#db082a; color:#fff;}
.filter dl:last-child{ border:0px;}

.yxtj{ padding:12px; overflow:hidden;}
.yxtj em{ font-style:normal; color:#db082a; margin:0 5px;}

/***客户留言***/
.book{ display:block; padding:12px;}
.book p{ position:relative;width:100%;margin-top:12px;}
.book .intext{  border:1px solid #ddd; padding:10px; width:100%;}
.book .passcode{ position:absolute; right:1px; top:1px; height:100%; width:80px; cursor:pointer; border-left:1px solid #ddd;}
.book .intext:focus{ border-color:#db082a;}
.passcode{ display:block;}
.sbtn{  padding:12px; border:0px; display:block; width:100%; background:#db082a; font-family:Microsoft Yahei; color:#fff; margin-top:20px; cursor:pointer;}
.tips{ height:60px; width:250px; text-align:center; line-height:60px; border-radius:2px; display:none; background:rgba(0,0,0,0.7); color:#fff; font-size:15px; position:fixed; top:50%; transform:translateY(-50%); left:0px; right:0px; margin:auto; z-index:111; border-radius:5px;}

.newtit{ text-align:center; margin-bottom:10px; border-bottom:1px solid #eee; padding-bottom:10px;}
.newtit h1{ font-size:16px; color:#666;  padding-bottom:5px;}
.newtit p{ font-size:11px; line-height:18px;}
.prevnext{ padding:12px 0; line-height:24px;}
.prevnext a{ display:block; font-size:12px; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.downlist{ overflow:hidden; padding:0 12px;}
.downlist a{ display:block; height:45px; line-height:45px; border-bottom:1px dashed #ddd;}
.downlist a span{ float:right; color:#db082a;}

/***分页***/
.pagelist{ padding:20px 12px; background:#fff; text-align:center; overflow:hidden;}
.pagelist li{ display:inline-block; margin:5px 3px;}
.pagelist a,.pagelist span{ padding:3px 8px; border:1px solid #ddd; }
.pagelist a:hover,.pagelist li.active span{ background:#db082a; border-color:#db082a; color:#fff;}
.pagelist label{ display:none;}

.footer{ background:#f2f2f2; color:#666; padding:20px 12px; margin-top:20px; overflow:hidden;}
.footer .dblogo{ float:left; width:118px;}
.footer .fr{ width:100px; text-align:center;}
.footer .fcon{ line-height:22px;}
.copy{ padding:12px; text-align:center; background:#333; color:#eee;padding-top:10px; line-height:20px;}

.protop .showyy{ display:block; width:100px; padding:12px 0; background:#db082a; text-align:center; color:#fff; border-radius:2px;}

/***预约****/
.yyphone{position:fixed; bottom:0px; padding:20px 15px; padding-top:10px; background:#fff; z-index:333; width:100%;transition:all 0.5s cubic-bezier(0.7,0,0,1) 0s; transform:translateY(100%);}
.yyphone.open{ transform:translateY(0); }
.yyphone h2{ font-weight:normal; color:#333; text-align:center; font-size:15px;}
.yyphone .intxt{ border:1px solid #eee; padding:10px; font-size:14px; resize:none; width:100%; display:block; margin-top:10px;}
.yyphone .inbtn{ width:100%; padding:12px 10px; font-size:16; color:#fff; background:#db082a; border:0px; margin-top:10px;}
.yyphone .close{ width:20px; height:20px; position:absolute; top:0px; right:0px; background:#db082a url(../cha.png) no-repeat center; background-size:80% auto;}


